<template>
  <div>
    <h2>Order</h2>
    <h3>root</h3>
    {{ g1 }}-{{ g2 }}
    <h3>cart</h3>
    {{ cartG1 }}-{{ cartG2 }}
    <h3>shop</h3>
    {{ shopG1 }}-{{ shopG2 }}

    <h3>localShop</h3>
    {{ localShopG1 }}-{{ localShopG2 }}

  </div>
</template>
<script>

import { mapGetters } from "vuex";
const mg1 = mapGetters(['g1', 'g2'])
const mg2 = mapGetters('cart', {
  cartG1: 'g1',
  cartG2: 'g2',
});
const mg3 = mapGetters('shop', {
  shopG1: 'g1',
  shopG2: 'g2',
});
const mg4 = mapGetters('shop/localShop', {
  localShopG1: 'g1',
  localShopG2: 'g2',
});
export default {

  computed: {
    ...mg1,
    ...mg2,
    ...mg3,
    ...mg4,
  }

}
</script>